<!--
    文档声明,处于文档的最上方,用于标注当前页面的版本
-->
<!DOCTYPE html>
<!--
    HTML文档是由一系列的标签所组成,标签语法:<开始标签>标签体</结束标签>
    开始标签与结束标签名字相同
    html标签是所有标签的根标签
    html标签有两个合法的子标签:head、body
-->
<html>
<!--
    head标签称之为头标签
    该标签是为当前页面提供一些相关的信息,但是不涉及页面的内容
-->
<head>
    <!--
        meta标签:元数据标签,可以有无数个
        meta标签可以配置许多的属性,具有特定的功能
        例如:关键字、编码、格式
     -->
    <meta charset="utf-8">
    <!-- 标题:页面的标签页的内容 -->
    <title>第一个HTML程序</title>
</head>
<!--
    body标签称之为正文标签,赋值页面内容
    一般情况下,页面中出现的所有内容给都在body标签中编写
-->
<body>
<!-- 正文中的内容默认处于同一行,不会换行,空格最多显示一个 -->
你好<br/>
世界<br>
Hello&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;World
<!--
    标签分类有两种分类方式
    方式一:根据标签是否关闭分类,可以分为两类
        1.标签是成对出现的,存在关闭标签
            此时的标签可以存在标签体的内容
            这种标签一般是用于为标签体内容赋予指定的样式
        2.标签没有成对出现,不存在关闭标签
            此时的标签不能有标签体内容,该标签拥有自己独特的功能
-->
<h1>这是用于标题的标签</h1>
<!--
    下面代码效果相当于写了两个br标签
    浏览器存在自动纠错功能,已经自动将</br>改为了<br>
-->
之前
<br>Hello World</br>
之后
<!-- 水平线标签,在页面中显示一条横线 -->
<hr>
<!--
    分类方式二:根据标签是否独占一行进行分类,分为两类
        1.块级标签:显示为块状,独占一行内容,内容结束自动换行,不与其他标签处于同一行
        2.行级标签:不自带换行,可以与其他标签共处一行
-->
<h2>这是块级标签</h2>
<div>这是块级标签</div>
<p>这是块级标签</p>
<hr>
<span>这是行级标签</span>
<font>这是行级标签</font>
<b>这是行级标签</b>
<a href="">这是行级标签</a>
</body>
</html>